$(function(){
	//tab切换
	$(".zhucebox-2").hide();
	$(".zhucebox-1").show();
	$("#ul_test01>li").click(function () {
		$("#ul_test01>li").removeClass(" active");
		$(this).addClass(" active");
		let index = $(this).index();
		if(index == 0){
			$(".zhucebox-2").hide();
			$(".zhucebox-1").show();
		}else if(index == 1){
			$(".zhucebox-2").show();
			$(".zhucebox-1").hide();
		}
	});
	
	
	//表单验证
	var changenum = ""; //短信验证码
	var rge = /^1[34578][0-9]{9}$/;//手机号正则表达式
	var flag1 = false;//是否验证通过可以注册 手机号验证
	var flag3 = false;//是否验证通过可以注册 3 密码验证
	var flag4 = true;//是否可以获取验证码
	
	$("#phone").blur(function(){
		//alert("输入手机号失去焦点");
		let val = $(this).val();
		if(rge.test(val)){
			var textmsg = $(this).parent().next();
			flag1 = true;
			//差一个ajax验证手机号是否可用 已完成
			$.ajax({
				url:"userlogin.shtml",
				type:"post",
				data:{"phone":val,"flag":"checkPhone"},
				success:function(result){
					$(textmsg).html(result);
					if(result=="手机号已注册"){
						flag1 = false;
					}
				}
			});
			return;
		}else if(val.length==0){
			$(this).parent().next().text("手机号不能为空");
		}else{
			$(this).parent().next().text("手机号格式有误");
		}
		flag1 = false;
	});
	$("#getcode").click(function(){
		//alert("点击获取验证码");
		if(flag4){
			flag4 = false;
			//产生6位随机数
			changenum = rand();
			setTimeout(function(){
				$("#phoneCode").val(changenum);
			},5000);
			//计时器 60秒后可以重新获取验证码
			var s = 60;
			let yanzhengtime = setInterval(function(){
				s--;
				if(s == 0){
					clearInterval(yanzhengtime);
					$("#getcode").text("重新获取");
					flag4 = true;
					return;
				}
				$("#getcode").text(s+"秒后重新获取");
			},1000);
		}
		
	});
	$("#phonePassWorda").blur(function(){
		//lert("输入密码失去焦点");
		let val = $(this).val();
		if(val.length==0){
			$(this).parent().next().text("密码不能为空");
			flag3 = false;
			return;
		}
		if(val.length<6 ||val.length>18){
			$(this).parent().next().text("密码长度必须是6位到18位字符");
			flag3 = false;
			return;
		}
		let shuzi = false;
		let zimu = false;
		// 将输入的值转为数组 循环判断值
		let arr = val.split("");
		for(var i=0;i<arr.length;i++){
			if(/\d/.test(arr[i])){
				shuzi = true;
			}else if(/[A-z]/.test(arr[i])){
				zimu = true;
			}
		}
		if(shuzi && zimu==false){
			//alert("纯数字");
			$(this).parent().next().text("密码强度：弱");
			flag3 = true;
		}else if(shuzi==false&&zimu){
			//alert("纯字母");
			$(this).parent().next().text("密码必须包含数字");
			flag3 = false;
		}else if(shuzi&&zimu){
			//alert("数字加字母");
			if(arr.length<8){
				$(this).parent().next().text("密码强度：中");
			}else{
				$(this).parent().next().text("密码强度：强");
			}
			flag3 = true;
		}
	});
	//第二次输入密码的焦点离开
	$("#repwd").blur(function(){
		//获取第一次密码
		let pwd = $("#phonePassWorda").val();
		if(pwd!=$(this).val()){
			$(this).parent().next().text("两次密码输入不一致");
		}else{
			$(this).parent().next().text("");
		}
	});
	//点击注册
	$("#zhuce").click(function(){
		//判断验证码是否为空
		let yanzhengnum = $("#phoneCode").val();
		if(yanzhengnum.length == 0){
			alert("请填写验证码");
		}else if (yanzhengnum != changenum){
			alert("验证码输入错误");
		}else if(flag1&&flag3){
			// 1表示 手机号验证 3表示密码验证  alert("注册成功");
			let phoneNum = $("#phone").val();
			let pwd = $("#phonePassWorda").val();
			//获取第二次输入的密码
			let repwd = $("#repwd").val();
			if(repwd!=pwd){
				return;
			}
			$.post("userlogin.shtml",{"phone":phoneNum,"flag":"zhuce","pwd":pwd});
			//提示注册成功
			promptOK();
		}else{
			alert("请将信息填写完整");
		}
	});
});
//生成6位的随机数的方法
function rand(){
	return Math.round(Math.random()*1000000);
}
//提示注册成功
function promptOK(){
	$(".tishi").fadeIn(1300);
	setTimeout(function(){
		$(".tishi").fadeOut(500,function(){
			location.reload();//刷新页面
			//跳到登录页面
			location.href = "http://localhost:8080/Flower/login.jsp";
		});
	},3000);
}